var OFEvaluate = Vue.component('OFEvaluate', {
    data() {
        return {
            data: {
                checkData: [ // 选项数据
                    {
                        id: 0,
                        text: '很差'
                    },{
                        id: 1,
                        text: '差'
                    },{
                        id: 2,
                        text: '一般'
                    },{
                        id: 3,
                        text: '良好'
                    },{
                        id: 4,
                        text: '非常好'
                    }
                ],
                checkValue: '' // 已选择值
            }
        }
    },

    template: `<div class="order__OFEvaluate">
                    <div>
                        <h3 class="index__title">XXX公司评价</h3>
                    </div>
                    <div class="order__OFEvaluate__info">
                        <div class="label__box">
                            <span>评价等级：</span>
                            <label v-for="(item, index) in data.checkData" :key="index">
                                <input name="order" type="radio" :value="item.id" v-model="data.checkValue"/>
                                {{item.text}}
                            </label>
                        </div>
                        <div class="order__OFEvaluate__text">
                            <span>评价内容：</span>
                            <textarea maxlength="300" placeholder="输入评价内容~"></textarea>
                        </div>
                    </div>
                    <div class="common__btn__box__min">
                        <div class="common__btn__con__min">
                            <span class="common__btn__success">发布</span>
                        </div>
                    </div>
                </div>`,

    methods: {
        test: function () {
            console.log(this.data.checkValue)
        }
    },

    created() {
        
    },
})